import Container from '@/components/container';
import s from './index.module.less';
import Statistic from "@/components/statistic";
import {StatisticData} from "@/schemas/common.ts";


const Home = () => {

    const fakeStatisticData: StatisticData[] = [
        {value: 865, unit: '项', title: '总测评条目'},
        {value: 675, unit: '项', title: '已完成测评'},
        {value: 603, unit: '项', title: '符合条目'},
        {value: 76.87, unit: '%', title: '符合率'},
    ]




    return <Container className={s.container}>
        {fakeStatisticData.map((item, index) => <div
            className={s.dataCard}
        >
            {/*<div style={{*/}
            {/*    background:"red",*/}
            {/*    width:'100%',*/}
            {/*    height:'100%'*/}
            {/*}}>{item.title}-{index}</div>*/}

                <Statistic
                    key={`${index}`}
                    title={item.title}
                    value={item.value}
                    unit={item.unit}
                    colorIndex={index + 1}
                />
        </div>)}

    </Container>
}
export default Home;